<%
layout("/common/layout.html",{"title":"办理流程图 - 实施清单"}){
%>
<%
var nopic = '/'+uploaderImageNotpic;
%>
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-sm-8">
        <h2>办理流程图</h2>
        <ol class="breadcrumb">
            <li><a href="${ctxPath}/admin/main">主页</a></li>
            <li><a href="${ctxPath}/implement/view/index">实施清单</a></li>
            <li class="active">办理流程图</li>
        </ol>
    </div>
    <div class="col-sm-4">
        <div class="title-action">
            <a class="btn btn-success btn-sm btn-outline" href="${ctxPath}/implement/view/time/123"><i class="fa fa-clock-o"> </i> 时限配置</a>
            <a class="btn btn-success btn-sm btn-outline" href="${ctxPath}/implement/view/files/index"><i class="fa fa-file"> </i> 申请材料</a>
            <a class="btn btn-success btn-sm btn-outline" href="${ctxPath}/implement/view/answer/index"><i class="fa fa-question"> </i> 常见问题</a>
            <a class="btn btn-success btn-sm " href="${ctxPath}/implement/view/flow/index"><i class="fa fa-picture-o"> </i> 办理流程</a>
            <a class="btn btn-success btn-sm btn-outline" href="${ctxPath}/implement/view/bespeak/index"><i class="fa fa-gear"> </i> 预约条件</a>
            <a class="btn btn-primary btn-sm btn-outline" href="${ctxPath}/implement/view/index"><i class="fa fa-reply"> </i> 返回列表</a>
        </div>
    </div>
</div>



<div class="wrapper wrapper-content">
    <div class="ibox float-e-margins animated fadeInDown">
        <div class="ibox-content" id="step-box">

            <div title="流程图">

                <div class="panel panel-default">
                    <div class="panel-heading"><b>外部流程图<strong class="text-danger">（*必传）</strong></b></div>
                    <div class="panel-body">
                        <div class="col-sm-offset-2 col-sm-8">
                            <div class="alert alert-danger" id="flow-error-message">仅支持：jpg、png、gif、jpeg后缀的图片格式！</div>
                            <div class="form-group">
                                <input type="file" id="powerFlowUpload" name="files" class="form-control" data-min-file-count="1" data-msg-placeholder="请上传外部流程图，可上传1张。">
                            </div>
                            <form method="post" name="powerFlowForm" id="powerFlowForm" class="form-horizontal">
                                <input type="hidden" name="uuid" id="uuid"/>
                                <div class="form-group">
                                    <div class="img-responsive" id="flowShow">
                                        <input name="flowContent" id="flowContent" class="form-control" type="hidden" required="required">
                                        <input id="flowContentUrl" class="form-control" type="text" value="" placeholder="外部流程图" readonly="readonly" required="required">
                                        <hr>
                                        <img src="${nopic!}" class="img-thumbnail" width="100%">
                                    </div>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>

                <!-- 流程图 上传与替换---开始 -->

                <!-- 流程图 上传与替换---结束-->
            </div>

        </div>
    </div>
</div>
<% } %>
<script type="text/javascript">
    //页面JS调用
    require(['implement/implement'], function (implement) {
        implement.flow();
    });
</script>